import type { Feature } from "../types";

export const commonTools = [
    {
        title: "lodash",
        details: "前端工具库",
        url: "https://www.lodashjs.com/",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "dayjs",
        details: "替代 monmentjs 日期库",
        url: "https://dayjs.fenxianglu.cn/",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "html2canvas",
        details: "html 转图片",
        url: "https://allenchinese.github.io/html2canvas-docs-zh-cn/docs/html2canvas-getStart.html",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "antv-x6",
        details: "前端流程图生成",
        url: "https://antv-x6.gitee.io/zh/docs/tutorial/getting-started",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "formilyjs",
        details: "低代码最流行的基础库之一",
        url: "https://formilyjs.org/zh-CN",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "echarts",
        details: "可视化表格",
        url: "https://echarts.apache.org/zh/index.html",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "crypto-js",
        details: "加密库，支持 aes、md5、base64 等加密方式",
        url: "http://www.npmdoc.org/crypto-jszhongwenwendangcrypto-js-jszhongwenjiaochengjiexi.html",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "socket-io",
        details: "web-socket 库",
        url: "https://socketio.bootcss.com/#examples",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "fs-extra",
        details: "一个扩展 nodejs 原生 fs 模块的库",
        url: "http://www.npmdoc.org/fs-extrazhongwenwendangzhongwenshili.html",
        _blank: true,
        icon: "🗼",
    },

    {
        title: "西瓜播放器",
        details: "字节开源的视频播放库",
        url: "https://v2.h5player.bytedance.com/gettingStarted/#%E5%AE%89%E8%A3%85",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "flv-js",
        details: "哔哩哔哩开源的直播视频库",
        url: "https://github.com/Bilibili/flv.js/",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "mathjs",
        details: "js 数学计算扩展库,支持矩阵和复杂函数",
        url: "https://www.npmjs.com/package/mathjs",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "number-precision",
        details: "js 精度计算",
        url: "https://www.npmjs.com/package/number-precision",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "",
        details: "",
        url: "",
        _blank: true,
        icon: "🗼",
    },
] as Feature[];

export const vueTools = [
    {
        title: "vue-clipboard3",
        details: "vue3 复制库",
        url: "https://www.npmjs.com/package/vue-clipboard3",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "vue3-qrcode",
        details: "二维码",
        url: "https://www.npmjs.com/package/@chenfengyuan/vue-qrcode",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "vue-barcode",
        details: "条形码",
        url: "https://www.npmjs.com/package/@chenfengyuan/vue-barcode",
        _blank: true,
        icon: "🗼",
    }, {
        title: "",
        details: "",
        url: "",
        _blank: true,
        icon: "🗼",
    }, {
        title: "",
        details: "",
        url: "",
        _blank: true,
        icon: "🗼",
    },
] as Feature[];

export const reactTools = [
    {
        title: "react-use-clipboard",
        details: "react 复制库",
        url: "https://www.npmjs.com/package/react-use-clipboard",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "react-qrcode",
        details: "二维码",
        url: "https://www.npmjs.com/package/qrcode.react",
        _blank: true,
        icon: "🗼",
    },
    {
        title: "react-barcode",
        details: "条形码",
        url: "https://www.npmjs.com/package/react-barcode",
        _blank: true,
        icon: "🗼",
    }, {
        title: "",
        details: "",
        url: "",
        _blank: true,
        icon: "🗼",
    }, {
        title: "",
        details: "",
        url: "",
        _blank: true,
        icon: "🗼",
    },
] as Feature[];
